.player_box{
	display:inline-block;
	vertical-align:top;
	width:60%;
}

#danmu_video{
	padding-bottom: 56.25%;
}

.play_list{
	position:relative;
	display:inline-block;
	width:22.5%;
	height:0;
	padding-bottom: 33.75%;
	margin:0 0 0 1rem;
	background-color:#FFFFFF;
}

.play_list_lable{
	background-image:linear-gradient(120deg,var(--theme3),var(--theme1));
	color:#FFFFFF;
}

.lable_content{
	position:relative;
	display: inline-block;
	width:100%;
	padding:0.5em 0;
}

#list_button_left{
	position:absolute;
	left:5%;
	border:2px solid;
	border-color: #FFFFFF;
	border-radius: 1em;
	padding:calc(0.25em - 2px) 0.5em;
	cursor:pointer;
}

#list_button_right{
	position:absolute;
	right:5%;
	border:2px solid;
	border-color: #FFFFFF;
	border-radius: 1em;
	padding:calc(0.25em - 2px) 0.5em;
	cursor:pointer;
}

.play_list_content{
	position:absolute;
	width:calc(100% - 3px);
	height:calc(100% - 2.75em);
	border-width:0px 2px 2px 2px;
	border-style: solid;
	border-color:var(--theme1) var(--theme1) var(--theme1) var(--theme3);
	overflow: auto;
}

.sub_list_name{
	display:inline-block;
	width:100%;
	text-align: center;
	background-color: var(--themebg);
	color:var(--theme4);
	cursor: pointer;
}

.sub_list_name:hover{
	background-color: #FFFFFF;
}

.video_list_choose{
	display:inline-block;
	width:100%;
	text-align: left;
	background-color:var(--theme1);
	color:#FFFFFF;
}

.video_list{
	display:inline-block;
	width:100%;
	text-align: left;
	color:var(--color);
	cursor: pointer;
}

.video_list:hover {
	background-color:var(--color);
	color:#FFFFFF;
}

.danmu_text{
	display:inline-block;
	width:calc(100% - 5em);
	text-align: left;
	overflow: hidden;
  	text-overflow:ellipsis;
  	white-space: nowrap;
}

.danmu_time{
	display:inline-block;
	width:4em;
	text-align: right;
	vertical-align: top;
}

/*窗口适应*/
@media screen and (max-width: 1200px){
	.player_box{
		width:100%;
		max-width: 720px;
	}
	.play_list{
		width:100%;
		max-width: 720px;
		margin:1rem 0 0 0;
		padding-bottom: 60%;
	}
}

@media screen and (max-width: 720px) {
	.play_list{
		margin:3rem 0 0 0;
		height:auto;
		padding-bottom: 0;
	}
	.play_list_content{
		position:static;
		width:auto;
		height:auto;
	}
}